@CHARSET "UTF-8";

@media screen and (max-width: 300px) {
	html {
		font-size: 13px;
	}
}

/*适配iphone 5*/
@media screen and (min-width: 301px) and (max-width: 320px) {
	html {
		font-size: 14px;
	}
}

/*适配宽度在321px - 413px 之间*/
@media screen and (min-width: 321px) and (max-width: 413px) {
	html {
		font-size: 16px;
	}
}

/*适配宽度在414px - 639px 之间*/
@media screen and (min-width: 414px) and (max-width: 639px) {
	html {
		font-size: 17px;
	}
}

/*适配宽度640px-670px之间*/
@media screen and (min-width: 640px)and (max-width: 670px) {
	html {
		font-size: 18px;
	}
}

/*适配宽度670px之上*/
@media screen and (min-width: 671px) {
	html {
		font-size: 20px;
	}
}

html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

a {
	text-decoration: none;
	color: #379AFF;
	font-size: 0.9rem;
}

a:active {
	color: #5CACEE
}
/*导航条*/
.navigationBar {
	height: 8.5%;
	width: 94%;
	margin: 0px;
	padding: 0px;
}
/*导航条内容*/
.title_bar {
	font-size: 1.5rem;
	heght: 100%;
	width: 100%;
}
/*主视图*/
.mainView {
	height: 91.5%;
	width: 100%;
}

/*表单*/
.form_us {
	
}

.form_u {
	height: 47%;
	margin-top: 14.5%;
	width: 88%;
	margin-left: 6%;
	margin-right: 6%;
}

.form_u .input {
	margin-top: 4%;
	border: none;
	padding: 3%;
	width: 92%;
	border-bottom: solid #ccc 1px;
	background: rgba(0, 0, 0, 0);
	font-size: 1.1rem;
}

.form_u input:FOCUS {
	outline: none;
}

.form_u .submit_btn {
	margin-top: 20%;
	padding: 3%;
	width: 100%;
	border: none;
	background: #C7C7C7;
	font-family: "宋体";
	font-weight: bolder;
	color: #fff;
	border-radius: 4rem;
	height: 20%;
}
/* 第三方登陆 */
.tabBar {
	margin-top: 10px;
	height: 13%;
}

.other_login {
	text-align: center;
	width: 100%;
}

.other_login .line {
	display: inline-block;
	width: 20%;
	border-top: 1px solid #ccc;
}

.other_login .txt {
	color: #686868;
	vertical-align: middle;
}

/*注册，忘记密码*/
.to_lr {
	width: 100%;
	text-align: center;
	margin-top: 17%;
}

.to_r {
	width: 50%;
	text-align: right;
	padding-left: 10%;
}

.to_l {
	width: 50%;
	padding-right: 10%;
	text-align: left;
	border-right: 1px solid #379AFF;
}

/*第三方登陆图片*/
.qq {
	margin-left: 10%;
}

.wechat {
	margin-left: 15.5%;
}

.xlwb {
	margin-left: 15.5%;
}

.o_img {
	
}

/*错误信息提示*/
.alert_txt {
	position: absolute;
	margin-left: 25%;
	border-radius: 20px;
	background: #f0f0f0;
	text-align: center;
	font-size: 1.1rem;
	
	/*内容垂直居中*/
	display: -moz-box; /*兼容Firefox*/
	display: -webkit-box; /*兼容FSafari、Chrome*/
	-moz-box-align: center; /*兼容Firefox*/
	-webkit-box-align: center; /*兼容FSafari、Chrome */
	-moz-box-pack: center; /*兼容Firefox*/
	-webkit-box-pack: center; /*兼容FSafari、Chrome */
}